<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


    <!-- 框架头 -->
    <script src="../FrontFrame/head.js"></script>

    <link rel="stylesheet" type="text/css" href="../FrontFrame/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../css/people.css"/>

    <script language="JavaScript" src="../js/people.js"></script>
    <script language="JavaScript" src="../FrontFrame/bootstrap-datetimepicker.js"></script>
    <script language="JavaScript" src="../FrontFrame/bootstrap-datetimepicker.fr.js"></script>

    <title>人员管理</title>
</head>
<body class="container">

<!-- 人员添加的模态框 -->
<div class="modal fade" id="peopleAddModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document" id="aa">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">人员添加</h4>
            </div>
            <div class="modal-body">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist"  style="margin-top: 1%">
                    <li id="pl" role="presentation" class="active"><a id="#student" aria-controls="student" role="tab" data-toggle="tab">学生</a></li>
                    <li id="ch" role="presentation"><a id="#teacher" aria-controls="teacher" role="tab" data-toggle="tab">教师</a></li>
                </ul>
                <div class="row" style="margin-top: 1%;">
                    <label align="right" class="col-sm-2">姓名：</label>
                    <div class="col-sm-3">
                        <input id="name" class="form-control">
                    </div>
                    <label align="right" class="col-sm-3">身份证号：</label>
                    <div class="col-sm-4">
                        <input id="cardid" class="form-control">
                    </div>
                </div>
                <div class="row" style="margin-top: 1%;">
                    <label align="right" class="col-sm-2">性别：</label>
                    <div class="col-sm-4">
                        <input type="radio" name="sex" value="1" checked>男
                        <input type="radio" name="sex" value="2">女
                    </div>
                    <label align="right" class="col-sm-2">职业：</label>
                    <div class="col-sm-4">
                        <input type="radio" name="job" value="1" checked>学生
                        <input type="radio" name="job" value="2">教师
                    </div>
                </div>
                <div class="row" style="margin-top: 1%;">
                    <label align="right" class="col-sm-2">年级：</label>
                    <div class="col-md-4">
                        <select class="form-control" id="grade"></select>
                    </div>
                    <label align="right" class="col-sm-2">班级：</label>
                    <div class="col-md-4">
                        <select class="form-control" id="clazz"></select>
                    </div>
                </div>
                <div class="row" style="margin-top: 1%;">
                    <label align="right" class="col-sm-3">入职时间：</label>
                    <div class="col-sm-9">
                        <input id="injob" type="date" class="form-control">
                    </div>
                </div>
                <div class="row" style="margin-top: 1%;">
                    <label align="right" class="col-sm-3">教师信息：</label>
                    <div class="col-sm-9">
                        <textarea id="teachermsg" class="form-control"/>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="save">保存</button>
            </div>
        </div>
    </div>
</div>

<!-- 导航 -->
<div id="top" class="page-header">
    <div class="col-md-3">
        <div class="input-group">
            <input id="selname" type="text" class="form-control" placeholder="请输入姓名">
            <span class="input-group-btn">
           <button type="button" class="btn btn-info" id="selPeopleBtn">查找</button>
              <button type="button" class="btn btn-info" id="people_add_modal_btn">添加</button>
          </span>
        </div>
    </div>
    <div id="sel">
        <!--<label>年级：</label>-->
        <!--<select id="grade" style="width: 80px;height:24px">test</select>-->
        <label>职业：</label>
        <select id="professional" style="width: 80px;height: 24px">
            <option value="">全部</option>
            <option value="1">老师</option>
            <option value="2">学生</option>
        </select>
        <!--<div class="col-md-4" id="sss">-->
            <!--<input type="file" class="form-control" name="upfile" size="8" id="upfile"/>-->
            <!--<button id="into" class="btn btn-info" onclick="add()">导入考生</button>-->
        <!--</div>-->
        <!--&lt;!&ndash;</form>&ndash;&gt;-->
        <!--<form id="downfrom" method="post" class="form-x" action="../peopleExport" enctype="multipart/form-data">-->
            <!--<button id="into1" type="submit" class="btn btn-info" onclick="exportExcel()">导出考生</button>-->
        <!--</form>-->

    </div>
</div>
<!-- 表头 -->
<div id="main">
    <div class="row" style="width: 100%;" id="table">
        <div class="col-md-12">
            <table id="people_table" class="table table-hover">
                <thead>
                <td>姓名</td>
                <td>性别</td>
                <td>身份证号</td>
                <td>职业</td>
                <td>操作</td>
                </thead>
                <tbody></tbody>
            </table>
        </div>
        <!-- 显示分页信息 -->
        <div class="row">
            <!--分页文字信息  -->
            <div class="col-md-6" id="page_info_area"></div>
            <!-- 分页条信息 -->
            <div class="col-md-6" id="page_nav_area"></div>
        </div>
    </div>
</div>
</body>
</html>